/* pages/pages-list/channel/channel.wxss */
.page{
  .cover{
    width: 100%;
    height: 461rpx;
  }
  .box{
    background-image: linear-gradient(93.2deg, #04947b 0%, #03463a 93.5%);
    width: 100%;
    height: 2200rpx;
    overflow: hidden;
    .Form{
      margin: 50rpx 20rpx 0rpx 20rpx;
      background-color: #eef4f2;
      border-radius: 24rpx;
      width: 710rpx;
      height: 2031rpx;
      color: #2e5661;
      padding: 40rpx 30rpx 0 30rpx;
      box-sizing: border-box;
      .title{
        color: #2e5661;
        font-size: 36rpx;
        text-align: center;
      }
      .e-title{
        margin-top: 24.5rpx;
        text-align: center;
        font-size: 22rpx;
      }
      .inpBox{
        margin-bottom: 40rpx;
        .name{
          color: #2e5661;
          font-size: 28rpx;
        }
        input{
          width: 100%;
          height: 82rpx;
          background-color: #ffffff;
          border-radius: 12rpx;
          margin-top: 16rpx;
          box-sizing: border-box;
          padding-left: 22rpx;
          font-size: 28rpx;
        }
        picker{
          width: 100%;
          height: 82rpx;
          line-height: 82rpx;
          background-color: #ffffff;
          border-radius: 12rpx;
          margin-top: 16rpx;
          box-sizing: border-box;
          font-size: 28rpx;
          color: #808080;
          .picker{
            width: 100%;
            height: 82rpx;
            padding: 0 22rpx;
          }
          .picker1{
            color: #000;
          }
          .icon-r{
            width: 16rpx;
            height: 28rpx;
          }
        }
      }
      .channel{
        margin-bottom: 30rpx;
        .title{
          color: #2e5661;
          font-size: 32rpx;
        }
        .slt{
          flex-wrap: wrap;
          margin-top: 28rpx;
          .sltBox{
            width: 201rpx;
            height: 72rpx;
            line-height: 72rpx;
            text-align: center;
            background-color: #ffffff;
            border-radius: 12rpx;
            margin-bottom: 28rpx;
            color: #565656;
            font-size: 26rpx;
            box-sizing: border-box;
          }
          .sltBox1{
            background-color: #D6EAE9;
            color: #2E5661;
          }
        }
      }
      .category{
        .title{
          color: #2e5661;
          font-size: 32rpx;
        }
        .slt{
          margin-top: 28rpx;
          flex-wrap: wrap;
          .sltBox{
            margin-bottom: 28rpx;
            background-color: #fff;
            width: 145rpx;
            height: 72rpx;
            line-height: 72rpx;
            text-align: center;
            color: #565656;
            font-size: 26rpx;
            box-sizing: border-box;
          }
          .sltBox1{
            background-color: #D6EAE9;
            color: #2E5661;
          }
        }
      }

      .submit{
        width: 100%;
        height: 96rpx;
        line-height: 96rpx;
        text-align: center;
        background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
        color: #ffffff;
        font-size: 32rpx;
        border-radius: 48rpx;
        margin: 60rpx auto 0 auto;
      }
    }
    
  }
  .content{
    width: 100vw;
  }
  .userInfoCallback{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 11;
  }
  .phoneCallback{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 10;
  }
}